<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>企业列表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../static/assets/font-awesome/4.5.0/css/font-awesome.min.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../static/assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="/static/assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
		<![endif]-->
		<link rel="stylesheet" href="../static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../static/assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="/static/assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../static/assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="/static/assets/js/html5shiv.min.js"></script>
		<script src="/static/assets/js/respond.min.js"></script>
		<![endif]-->
		
		<!-- bootstrap 分页插件样式 -->
		<link rel="stylesheet" href="../static/bootstrap/css/qunit-1.11.0.css"/>
        <link rel="stylesheet" href="../static/bootstrap/css/bootstrap-responsive.css"/>
	</head>

	<body class="no-skin">
	
		<div class="main-container ace-save-state" id="main-container">				
			<div class="main-content">
				<div class="main-content-inner">


					<div class="page-content">
	

						<div class="page-header">
							<h1>
								企业列表
								<small>
									<i class="ace-icon fa fa-angle-double-right"></i>
									企业列表 
								</small>
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<table id="simple-table" class="table  table-bordered table-hover">
											<thead>
												<tr>
													<th class="center">
														<label class="pos-rel">
															<input type="checkbox" class="ace" />
															<span class="lbl"></span>
														</label>
													</th>
													<th class="detail-col">详情显示</th>
													<th>企业名称</th>
													<th>联系电话</th>
													<th class="hidden-480">注册时间</th>
													<th class="hidden-480">住所</th>
													<th>操作</th>
												</tr>
											</thead>

											<tbody>
												<tr data-th-each="enterprisePojo:${enterprisePojos}">
													<td class="center">
														<label class="pos-rel">
															<input type="checkbox" class="ace" />
															<span class="lbl"></span>
														</label>
													</td>

													<td class="center">
														<div class="action-buttons">
															<a href="#" class="green bigger-140 show-details-btn" title="Show Details">
																<i class="ace-icon fa fa-angle-double-down"></i>
																<span class="sr-only">Details</span>
															</a>
														</div>
													</td>

													<td>
														<a data-th-text="${enterprisePojo.ente_name}"></a>
													</td>
													<td data-th-text="${enterprisePojo.ente_telphone}"></td>
													<td data-th-text="${enterprisePojo.stration_time}"></td>	
													<td data-th-text="${enterprisePojo.ente_dence}"></td>
												

													<td>
														<div class="hidden-sm hidden-xs btn-group">
															<button class="btn btn-xs btn-success">
																<i class="ace-icon fa fa-check bigger-120"></i>
															</button>

															<button class="btn btn-xs btn-info">
																<i class="ace-icon fa fa-pencil bigger-120"></i>
															</button>

															<button class="btn btn-xs btn-danger">
																<i class="ace-icon fa fa-trash-o bigger-120"></i>
															</button>

															<button class="btn btn-xs btn-warning">
																<i class="ace-icon fa fa-flag bigger-120"></i>
															</button>
														</div>


													</td>
												</tr>

	

											</tbody>
										</table>
									</div><!-- /.span -->
								</div><!-- /.row -->
								
								
								<div class="row">
							    <div class="col-xs-5"></div>
								<div class="col-xs-6">
										<ul id="paginator"></ul>
								</div>
							</div>



								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">王黎</span>
							Application &copy; 2017
						</span>
					</div>
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div>

	
		<script src="../static/assets/js/jquery-2.1.4.min.js"></script> 
	
		<script src="../static/bootstrap/js/bootstrap.min.js"></script>
		<!-- 基于bootstrap 分页插件 -->
		
		<script src="../static/bootstrap/js/bootstrap-paginator.js"></script>
		<script src="../static/bootstrap/js/qunit-1.11.0.js"></script>
			
		<script type="text/javascript">
	
		//初始化分页
		 var pageoptions = {
		            currentPage: 1,
		            totalPages: 5,     
		            onPageClicked: function(e,originalEvent,type,page){		
		            	document.forms[0].action="enterprise/queryAll";
		            	document.forms[0].method="post";
		            	
		            	
		            	
		            /*   $.post("/enterprise/queryAll",{"page":page},
	            		  function(data){  
		            	  	data;
	            	 
	            		  }); */

		            }

		  
		        }
		//解析分页结果
		       
		$('#paginator').bootstrapPaginator(pageoptions);
		
		//table checkboxes
		var active_class = 'active';
		$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
			var th_checked = this.checked;//checkbox inside "TH" table header
			
			$(this).closest('table').find('tbody > tr').each(function(){
				var row = this;
				if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
				else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
			});
		});
		</script>
	
	</body>
</html>
